.canvas{
    min-height: 100%;
    overflow: hidden;
    background-color: #fff;
}
.component-wrapper{
    box-shadow:  0 2px 10px rgba($color: #000000, $alpha: .1) ;
    margin: 12px;
    border: 1px solid #fff;
    padding: 12px;
    border-radius: 3px;
    &:hover{
        border-color: #d9d9d9;
    }
    &.active{
        border: 2px solid rgb(110, 196, 230)
        
    }
}

.locked{
    opacity: .5;
    cursor: not-allowed;
}

.component {
    pointer-events: none; //屏蔽鼠标行为
}